$ratio: 375 / 10;
@function px2rem($px) {
    @return $px / $ratio + rem;
}

@mixin center {
    display: flex;
    justify-content: center;
    align-items: center;
}

@mixin left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

@mixin right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

// 背景图片地址和大小
@mixin bis($url) {
    background-image: url(@url);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

//定位全屏
.allcover{
	position:absolute;
	top:0;
	right:0;
}

//transform上下左右居中
.tc {  
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

//定位上下左右居中
@mixin pc($width, $height) {  
	position: absolute;
	top: 50%;
    left: 50%;
    margin-top: -$height/2;
    margin-left: -$width/2;
}

//定位上下居中
.tcc {  
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
}

//宽高
@mixin wh($width, $height){
	width: $width;
	height: $height;
}


//字体大小、行高、字体
@mixin ft($size, $line-height) {  
	font-size: $size;
	line-height:$line-height;
}

//字体大小，颜色
@mixin sc($size, $color){
	font-size: $size;
	color: $color;
}


//flex 布局和 子元素 对其方式
@mixin fj($type: space-between){
	display: flex;
	justify-content: $type;

}